<style>
	.tab-content .active{
		display: block;
	}
</style>
<!-- Responsive Table -->
<div class="row" id="images">
	<div class="col-lg-3 col-md-4 col-xs-5 search" style="margin-top: 20px;margin-right: 15px;">
		<div class="input-group">
			<input type="text" class="form-control" placeholder="Search for..." ng-model="searchText">
			<span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="searchClick()">
              <i class="fa fa-search"></i>
            </button>
          </span>
		</div>
	</div>

	<div class="col-md-12" style="position: static;" id="selectImageTab">
		<div class="tab-form-demo">
			<uib-tabset active="activeForm">
				<uib-tab index="0" heading="我的镜像" ng-click="ok(false)">
					<div class="album-images row">
						<div ng-repeat="data in currentPageImages" class="col-lg-3 col-md-4 col-xs-4 " style="margin-bottom: 20px;"  ng-class="{true:'active',false:''}[select]" data-toggle="tooltip" data-placement="top" >
							<div class="album-image create_img hover_animate" style="margin-bottom: 0;background: #fff;">

								<div class="image-Info clearfix">
									<div class="thumb  ">
										<a style="background:{{data.color}} "><span style="color:white;">{{data.AI}}</span></a>
									</div>
									<div class="image-checkbox ">
										<a class="name" title={{data.name}} > {{data.name}}</a>
										<div class="clearfix">
											<div class="fore1"><i class="iconfont icon-suo"></i>公开</div>
											<div class="fore1"><i class="iconfont icon-screen1"></i>Linux</div>
										</div>
										<div class="clearfix"></div>

									</div>
								</div>
								<div class="image-options clearfix">
                                  <a ui-sref="cp.servicecreate({imageName: data.name, isMarket: data.isMarket})" data-toggle="tooltip" data-placement="top"
                                     data-original-title="部署" uib-tooltip="部署" class="col-sm-6 col-lg-6 col-xs-6" style="border-right: 1px solid #eeeeee;font-size: 14px"><i class="iconfont icon-sign"></i>部署</a>
                                  <a ui-sref="cp.imagedetail({imageName:data.name, isMarket: data.isMarket})" data-toggle="tooltip"
                                     data-placement="top" data-original-title="详细" uib-tooltip="详细" class="col-sm-6 col-lg-6 col-xs-6" style="font-size: 14px"><i class="iconfont icon-shijian"></i>详情</a>
                                </div>
								<div class="imageDel" ng-click="deleteImage($event,data,$index)">
									<i class="iconfont icon-shanchu1"></i>
								</div>
							</div>
						</div>


						<div class="clearfix"></div>

						<div class="pull-right" ng-hide="searchPageHide">

							<ul uib-pagination boundary-links="true" total-items="images.length" max-size="3" ng-click="change(currentpageprivate)" ng-model="currentpageprivate"
								class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" items-per-page="numPerPage"
								last-text="&raquo;"></ul>

					</div>


					</div>
					<script type="text/ng-template" id="delImage.html">
						<div class="modal-header modal_line">
							<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>-->
							<i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

						</div>
						<div class="modal-body" id="modal-body" style="margin: 0 auto;width: 320px;height: 135px;
    " >
							<span style="display: block;text-align: center" >确定删除<strong class="ellipsis" style="min-width:20px;max-width:100px; display: inline-block;vertical-align: middle;font-weight: 400;color: rgba(255, 0, 0, 0.7);">{{iName}}</strong>镜像吗?</span>
							<div class="modelIcon">
								<div class="delIconfont" ><i class="iconfont icon-cuowu"></i></div>
							</div>
						</div>

						<div class="modal-footer">
							<div>
								<div class="col-sm-6 col-xs-6" style="">
									<button class="btn btn-primary" type="button" ng-click="ok()"
													style="float: right;margin:0 10px;padding: 7px 28px;border-radius: 8px;">确定
									</button>
								</div>
								<div class="col-sm-6 col-xs-6" style="float: right">
									<button class="btn btn-default" type="button" ng-click="cancel()"
													style="float: left;margin:0 10px;padding: 7px 28px;border-radius: 8px;">取消
									</button>
								</div>
							</div>
						</div>

					</script>

				</uib-tab>
				<uib-tab index="1" heading="NatureCloud镜像" ng-click="ok(true)">

					<div class="album-images row">
						<!---->
						<div ng-repeat="data in currentPageImages" class="col-lg-3 col-md-4 col-xs-4" style="margin-bottom: 20px;" data-toggle="tooltip" data-placement="top"  >
							<div class="album-image create_img hover_animate" style="margin-bottom: 0;background: #fff;">

								<div class="image-Info clearfix">
									<div class="thumb  ">
										<!--<img src="/static/cp/images/pic.png">-->
										<a style="background: {{data.color}}"><span style="color: white">{{data.AI}}</span></a>
										<img src={{data.image}}>
									</div>
									<div class="image-checkbox">
										<a class="name" title={{data.name}}> {{data.name}}</a>
										<div class="clearfix">
											<div class="fore1"><i class="iconfont icon-suo"></i>公开</div>
											<div class="fore1"><i class="iconfont icon-screen1"></i>Linux</div>
										</div>
										<!--<span >
                  {{data.description}}

                </span>-->
										<div class="clearfix"></div>

									</div>

								</div>
								<!--<div class="image-options clearfix image-btn">-->
									<!--<a ui-sref="cp.servicecreate({imageName: data.name, isMarket: data.isMarket})" data-toggle="tooltip" data-placement="top" title="部署"-->
										 <!--data-original-title="部署" tooltip class="col-sm-5"><i class="iconfont icon-sign"></i>部署</a>-->
									<!--&lt;!&ndash; <a ui-sref="cp.imagedetail({imageName:data.name, isMarket: data.isMarket})" data-toggle="tooltip"-->
                      <!--data-placement="top" title="详细" data-original-title="详细" tooltip class="col-sm-6"><i class="iconfont icon-shanchu"></i>删除</a>&ndash;&gt;-->
								<!--</div>-->
								<div class="image-options clearfix">
									<a ui-sref="cp.servicecreate({imageName: data.name, isMarket: data.isMarket})" data-toggle="tooltip" data-placement="top"
									   data-original-title="部署" uib-tooltip="部署" class="col-sm-6 col-lg-6 col-xs-6" style="border-right: 1px solid #eeeeee;font-size: 14px"><i class="iconfont icon-sign"></i>部署</a>
									<a ui-sref="cp.imagedetail({imageName:data.name, isMarket: data.isMarket})" data-toggle="tooltip"
									   data-placement="top"  data-original-title="详细" uib-tooltip="详情" class="col-sm-6 col-lg-6 col-xs-6" style="font-size: 14px"><i class="iconfont icon-shijian"></i>详情</a>
								</div>


							</div>
						</div>

						<div class="clearfix"></div>

						<div class="pull-right" ng-hide="searchPageHide">

							<ul uib-pagination boundary-links="true" total-items="images.length" items-per-page="numPerPage" max-size="3" ng-click="change(currentPage)" ng-model="currentPage"
									class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
									last-text="&raquo;"></ul>
							<!--</div>-- >
            </div>


            <!--</div>-->
						</div>


						<!---->


						<!---->
					</div>




				</uib-tab>
			</uib-tabset>


		</div>


	</div>

</div>
